.li {
  width: 100%;
  height: calc(100% - 100px);

  .liLeft {
    width: 40%;
    height: 100%;
    .liLeftTop {
      height: 98%;
    }
    .item {
      height: 100px;
      .liItem {
        width: 90%;
        float: right;
        .itemRight {
          float: right;
        }
        .itemState {
          color: #605bff;
        }
        .itemIsRead {
          color: #9c9c9c;
        }
      }
    }
    .liLeftBottom {
      text-align: center;
    }
  }

  .liRight {
    width: 60%;
  }
}

/* .el-badge__content.is-fixed.is-dot {
  right: -5px;
  top: 10px;
} */
.mainStyle {
  width: 100%;
  height: 100%;
}
